<template>
    <div class="module">
        <el-image v-if="srcList.length" style="width: 100%; height: 100%" :src="srcList[0]" fit="fill"
            :preview-src-list="srcList">
        </el-image>
        <el-image v-else style="width: 100%; height: 100%" :src="imgUrl" fit="fill" >
        </el-image>
    </div>
</template>
<script>
export default {
    components: {},
    props: {
        srcList: {
            type: Array,
            default: () => {
                return []
            }
        }
    },
    data() {
        return {
            imgUrl: require('@/assets/ditu.png')
        }
    },

    watch: {},
    computed: {},
    mounted() { },
    methods: {
    }
};
</script>
<style lang="scss" scoped>
.module {
    width: 100%;
    height: 100%;
    overflow: hidden;

    .image {
        width: 100%;
        height: 100%;
    }
}
</style>